<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="layout :: htmlhead" th:with="title='流程管理'"></head>
<style>
img{
	width:400px;
	height:400px;
}
p{
	font-size:12px;
}
</style>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>

    <div class="layui-body" style="margin: 1%">
        <div class="demoTable" >
        </div>

        <div id="permTable" class="grid">
        </div>
        
		   申请信息
		 <hr class="layui-bg-cyan"/>

		<div style="padding: 20px; background-color: rgb(242, 242, 242);">
		  <div class="layui-row layui-col-space15">
		    <div class="layui-col-md6">
		      <div class="layui-card">
		        <div class="layui-card-header">基本信息   
			          <b th:switch="${applyInfo.state}">
		                <span th:case="0" class="layui-badge layui-bg-gray">初始</span>
		               	<span th:case="1" class="layui-badge layui-bg-green">审核中</span>
		               	<span th:case="2" class="layui-badge layui-bg-blue">审核完成</span>
		                <span th:case="3" class="layui-badge layui-bg-orange">删除</span>
	               	  </b>
                </div>
		        <div class="layui-card-body">
		        <p th:text="'名称 :&nbsp;'+ ${applyInfo.name}">名称</p>
		        <p th:text="'地址 :&nbsp;'+ ${applyInfo.address}">地址</p>
		        <p th:text="${applyInfo.applyType}=='1' ?'申请类型 : 新增' :'申请类型 : 年审'">申请类型</p>
		        <p th:text="${applyInfo.type}=='1' ?'停车场类型 : 公用':'停车场类型 : 私用'">停车场类型</p>
		   
		        <br/>
		        <p th:switch="${applyInfo.state}"><a class="layui-btn layui-btn-sm" th:case="0" 
        			 th:href="@{'/workflow/start/'+${applyInfo.id}}" >开始申请</a></p>
		        </div>
		      </div>
		    </div>
		    <div class="layui-col-md6">
		      <div class="layui-card">
		        <div class="layui-card-header">其他信息</div>
		        <div class="layui-card-body">
		         <table class="layui-table" lay-size="sm">
				  <tr>
				  	<td>法人</td> <td th:text="${applyInfo.boss}">法人</td> <td th:text="${applyInfo.bossPhone}">法人电话</td> 
				  </tr>
				  <tr>
				  	<td>负责人</td> <td th:text="${applyInfo.header}">负责人</td> <td th:text="${applyInfo.headerPhone}">负责人电话</td> 
				  </tr>
				</table>  
		        <table class="layui-table" lay-size="sm">
		         <thead>
				  <tr>
				  	<td>总面积</td> <td>总数</td> <td>地下</td> <td>地上</td> <td>院内</td> <td>机械</td>
				  </tr>
				  </thead>
				  <tr>
					  <td th:text="${applyInfo.parkArea}+'&nbsp;&nbsp;㎡'"></td>
					  <td th:text="${applyInfo.parkSum}+'&nbsp;&nbsp;个'"></td>
					  <td th:text="${applyInfo.underground}+'&nbsp;&nbsp;个'"></td>
					  <td th:text="${applyInfo.ground}+'&nbsp;&nbsp;个'"></td>
					  <td th:text="${applyInfo.yard}+'&nbsp;&nbsp;个'"></td>
					  <td th:text="${applyInfo.machine}+'&nbsp;&nbsp;个'"></td>
				  </tr>
				</table>
		        	<p th:text="'备注 :&nbsp;'+${applyInfo.remark}">备注</p>
		        </div>
		      </div>
		    </div>
		    
		    <div class="layui-col-md12" th:if="*{ not #lists.isEmpty(commentList)}">
     	 		<div class="layui-card">
	     	 	<div class="layui-card-header">审批流程</div>
		        <div class="layui-card-body">
					<table class="layui-table">
		                <thead>
		                <tr>
		                    <th>审批时间</th>
		                    <th>批注人</th>
		                    <th>批注信息</th>
		                </tr>
		                </thead>
		                <tbody>
		                <tr th:each="comment: ${commentList}">
		                <td th:text="${#dates.format(comment?.time,'yyyy-MM-dd HH:mm')}">2000-01-01 10:10</td>
						<td th:text="${comment?.userId}">id</td>
						<td th:text="${comment?.fullMessage}">fullMessage</td>
						</tr>
		                </tbody>
		            </table>
		         </div>
				</div> 
		      </div>
		    
		    <div class="layui-col-md12">
		      <div class="layui-card">
		        <div class="layui-card-header">资质图片</div>
		        <div class="layui-card-body">
		        
		        
				<div style="padding: 20px; background-color: #F2F2F2;">
				  <div class="layui-row layui-col-space15">
				    <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">营业执照</div>
				        <div class="layui-card-body">
				        <img  th:src="'data:image/png;base64,'+${applyImage.yyzz}" alt="营业执照"/>
				        </div>
				      </div>
				    </div>
				    <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">税务登记证</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.swdjz} ?'data:image/png;base64,'+${applyImage.swdjz} :'/images/nan.png'" alt="税务登记证"/>
				        </div>
				      </div>
				    </div>
				    
				    <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">法人身份证</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.frsfzj} ?'data:image/png;base64,'+${applyImage.frsfzj} :'/images/nan.png'" alt="法人身份证"/>
				        </div>
				      </div>
				    </div>
    				<div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">经办人身份证</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.jbrsfzj} ?'data:image/png;base64,'+${applyImage.jbrsfzj} :'/images/nan.png'" alt="经办人身份证"/>
				        </div>
				      </div>
				    </div>
				    <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">土地证</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.tdz} ?'data:image/png;base64,'+${applyImage.tdz} :'/images/nan.png'" alt="土地证"/>
				        </div>
				      </div>
				    </div>
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">土地租赁合同1</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.tdzlht1} ?'data:image/png;base64,'+${applyImage.tdzlht1} :'/images/nan.png'" alt="土地租赁合同1"/>
				        </div>
				      </div>
				    </div>
				    <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">土地租赁合同2</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.tdzlht2} ?'data:image/png;base64,'+${applyImage.tdzlht2} :'/images/nan.png'" alt="土地租赁合同2"/>
				        </div>
				      </div>
				    </div>
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">土地租赁合同3</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.tdzlht3} ?'data:image/png;base64,'+${applyImage.tdzlht3} :'/images/nan.png'" alt="土地租赁合同3"/>
				        </div>
				      </div>
				    </div>
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">平面图</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.pmt} ?'data:image/png;base64,'+${applyImage.pmt} :'/images/nan.png'" alt="平面图"/>
				        </div>
				      </div>
				     </div>
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">设施设备清单</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.sbqd} ?'data:image/png;base64,'+${applyImage.sbqd} :'/images/nan.png'" alt="设施设备清单"/>
				        </div>
				      </div>
				    </div>
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">收费标准</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.sfbz} ?'data:image/png;base64,'+${applyImage.sfbz} :'/images/nan.png'" alt="收费标准"/>
				        </div>
				      </div>
				    </div>
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">停放制度</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.tfzd} ?'data:image/png;base64,'+${applyImage.tfzd} :'/images/nan.png'" alt="停放制度"/>
				        </div>
				      </div>
				    </div>
				      <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">安全制度</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.aqzd} ?'data:image/png;base64,'+${applyImage.aqzd} :'/images/nan.png'" alt="安全制度"/>
				        </div>
				      </div>
				    </div> 
				     <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">防汛制度</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.fxzd} ?'data:image/png;base64,'+${applyImage.fxzd} :'/images/nan.png'" alt="防汛制度"/>
				        </div>
				      </div>
				    </div>
				      <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">消防管理制度</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.xfzd} ?'data:image/png;base64,'+${applyImage.xfzd} :'/images/nan.png'" alt="消防管理制度"/>
				        </div>
				      </div>
				    </div>
				    <div class="layui-col-md6">
				      <div class="layui-card">
				        <div class="layui-card-header">智慧信息平台</div>
				        <div class="layui-card-body">
				          <img  th:src="${applyImage.zhpt} ?'data:image/png;base64,'+${applyImage.zhpt} :'/images/nan.png'" alt="智慧信息平台"/>
				        </div>
				      </div>
				    </div>
				    
				  </div>
				</div> 
		       </div>
		      </div> 
		        
		    </div>
		  </div>
		</div> 
		
    </div>


    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>

</body>
</html>